<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/bootstrap.css" type="text/css">
    <link href="../css/nice-select.css" rel="stylesheet">
    <link href="../css/style.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/layui.css">
    <script src="../js/jquery-3.6.0.js"></script>
    <script src="../../seeker/js/bootstrap.js"></script>
    <script src="../js/layui.js"></script>
    <title>简历</title>
</head>
<body>
<div class="container">
    <div class="row">
        <div class="col-md-9" style="height: 20px;"></div>
        <div class="col-md-3" style="height: 20px;"></div>
    </div>
    <div class="row">
        <div class="col-md-8">
            <div class="row" style="height: 100px;">
                <div class="col-md-3" style="height: 50px;">
                    <div class="h2">我的简历</div>
                </div>
                <div class="col-md-9" style="height: 100px;">
                    <div class="col-md-8">
                        <div class="row" style="height: 50px;">
                            <div class="col-md-3">
                                <div class="row" style="height: 10px"></div>
                                <span class="badge badge-xl light badge-warning">电话</span>
                            </div>
                            <div class="col-md-9">
                                <input id="phone" type="text" class="form-control" value="123456" readonly>
                            </div>
                        </div>
                        <div class="row" style="height: 50px;">
                            <div class="col-md-3">
                                <div class="row" style="height: 10px"></div>
                                <span class="badge badge-xl light badge-warning">邮箱</span>
                            </div>
                            <div class="col-md-9">
                                <input id="email" type="email" class="form-control" value="2576140991@qq.com" readonly>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <img id="touXiang" src="" alt="" height="120px" style="margin-left: 10px">
                    </div>
                </div>
            </div>
            <div class="row" style="height: 30px;"></div>
            <div class="row" style="height: 100px;">
                <div class="col-md-2">
                    <div class="h3"> 个人优势</div>
                </div>
                <div class="col-md-7">
                    <textarea type="text" id="advantage" class="form-control" rows="4" name=textarea readonly></textarea>
                </div>
                <div class="col-md-3">
                    <div class="row" style="height: 30px;"></div>
                    <button id="updateAdvantage" type="button" class="btn light btn-dark ">修改</button>
                    <button id="submitAdvantage" type="button" class="btn light btn-dark">确认</button>
                </div>

            </div>
            <div class="row" style="height: 100px;">
                <div class="col-md-2">
                    <div class="h3"> 期待职位</div>
                </div>
                <div class="col-md-7">
                    <input id="expectedPosition" type="text" class="form-control" readonly>
                </div>
                <div class="col-md-3">
                    <button id="updateExpectedPosition" type="button" class="btn light btn-dark">修改</button>
                    <button id="submitExpectedPosition" type="button" class="btn light btn-dark">确认</button>
                </div>
            </div>
            <div class="row" style="height: 100px;">
                <div class="col-md-2">
                    <div class="h3"> 学历</div>
                </div>
                <div class="col-md-7">
                    <input id="education" type="text" class="form-control" readonly>
                </div>
                <div class="col-md-3">
                    <button id="updateEducation" type="button" class="btn light btn-dark">修改</button>
                    <button id="submitEducation"type="button" class="btn light btn-dark">确认</button>
                </div>
            </div>
            <div class="row" style="height: 100px;">
                <div class="col-md-2">
                    <div class="h3"> 实习经历</div>
                </div>
                <div class="col-md-7">
                    <textarea type="text" id="internship" class="form-control" rows="4" name=textarea readonly></textarea>
                </div>
                <div class="col-md-3">
                    <div  class="row" style="height: 30px;"></div>
                    <button id="updateInternship"type="button" class="btn light btn-dark">修改</button>
                    <button id="submitInternship"type="button" class="btn light btn-dark">确认</button>
                </div>
            </div>
            <div class="row" style="height: 100px;">
                <div class="col-md-2">
                    <div class="h3">工资要求</div>
                </div>
                <div class="col-md-1">
                    <div class="row" style="height: 15px;"></div>
                    <div class="h4">最低</div>
                </div>
                <div class="col-md-2">
                    <input id="minSalary" type="number" class="form-control" readonly>
                </div>
                <div class="col-md-1">
                    <div class="row" style="height: 15px;"></div>
                    <div class="h4">最高</div>
                </div>
                <div class="col-md-2">
                    <input id="maxSalary" type="number" class="form-control" readonly>
                </div>
                <div class="col-md-1">
                </div>
                <div class="col-md-3">
                    <button id="updateSalary" type="button" class="btn light btn-dark">修改</button>
                    <button id="submitSalary" type="button" class="btn light btn-dark">确认</button>
                </div>
            </div>
        </div>
        <div class="col-md-4" style="height: 700px;">
            <div class="row" style="height: 50px;">
                <div class="h3">
                    简历附件管理
                </div>
            </div>
            <div class="row" id="resume_list">

            </div>

            <div class="row" style="height: 40px;"></div>
            <div class="row" style="height: 80px;">
                <input type="file" style="position: absolute; height: 80px; z-index: 6; opacity: 0" accept=".pdf">
                <button type="button" class="btn light btn-success" style="position: absolute; height: 80px">添加附件简历</button>
            </div>
        </div>
    </div>
</div>

<script src="../js/commons.js"></script>
<script>

    let length;

    // 显示附件简历列表
    function showResumeList() {
        $.ajax({
            url: URL + "seeker/resume/queryAllResume",
            type: "post",
            headers: {"token": localStorage.getItem("token")},
            success: function (result) {
                if (result.code == 0) {
                    $("#resume_list").text("");
                    let data = result.data;
                    $.each(data, function (index, ele) {
                        length = data.length;
                        if (ele.state == 1) {
                            $("#resume_list").append("<div class=\"row\" style=\"height: 50px; margin-bottom: 10px\">\n" +
                                "                    <div class=\"col-md-3\">\n" +
                                "                        <a onclick=\"viewResume("+ ele.rid+")\" class=\"btn btn-success light mr-1 view-resume\" title=\"预览简历\" rid=\""+ ele.rid+"\">\n" +
                                "                            <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg-main-icon\" width=\"20px\" height=\"20px\"\n" +
                                "                                 viewBox=\"0 0 32 32\" x=\"0px\" y=\"0px\">\n" +
                                "                                <g data-name=\"Layer 21\">\n" +
                                "                                    <path d=\"M29,14.47A15,15,0,0,0,3,14.47a3.07,3.07,0,0,0,0,3.06,15,15,0,0,0,26,0A3.07,3.07,0,0,0,29,14.47ZM16,21a5,5,0,1,1,5-5A5,5,0,0,1,16,21Z\"\n" +
                                "                                          fill=\"#000000\" fill-rule=\"nonzero\"></path>\n" +
                                "                                </g>\n" +
                                "                            </svg>\n" +
                                "                        </a>\n" +
                                "                    </div>\n" +
                                "                    <div class=\"col-md-4\">\n" +
                                "                        <div class=\"row\" style=\"height: 15px;\"></div>\n" +
                                "                        <div class=\"h5\">"+ ele.filename+"&nbsp;<svg t=\"1660215936552\" class=\"icon\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"2379\" width=\"15\" height=\"15\"><path d=\"M0.350994 394.703527C13.419637 552.061414 137.435139 690.573071 490.226091 942.296163c6.387477 4.556783 13.916964 6.961552 21.76163 6.961552 7.816013 0 15.32401-2.406816 21.688975-6.949272 352.87077-251.770164 476.905714-390.347313 489.976404-547.938514l-0.013303-60.136635C1009.728972 170.201403 906.133545 85.971024 815.453267 77.127611c-15.761985-1.586125-31.210839-2.385327-46.047756-2.385327-110.648053 0-158.939919 47.679929-219.981157 120.42472l-37.426401 44.647873-37.437657-44.658106C413.561014 122.422214 365.28245 74.742285 254.521834 74.742285c-14.848173 0-30.274514 0.801249-45.870724 2.376117C117.816313 85.975117 14.231119 170.291454 0.346901 334.568938l0.00921 60.133565L0.350994 394.703527 0.350994 394.703527z\" p-id=\"2380\" fill=\"#8a8a8a\"></path></svg></div>\n" +
                                "                    </div>\n" +
                                "                    <div class=\"col-md-2\" style=\"margin-right: 10px\">\n" +
                                "                        <a onclick=\"setDefaultResume("+ ele.rid+")\" class=\"btn btn-success light mr-1 default-resume\" title=\"设置为默认简历\" rid=\""+ ele.rid +"\">\n" +
                                "                            <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20px\"\n" +
                                "                                 height=\"20px\" viewBox=\"0 0 24 24\" version=\"1.1\" class=\"svg-main-icon\">\n" +
                                "                                <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n" +
                                "                                    <rect x=\"0\" y=\"0\" width=\"24\" height=\"24\"></rect>\n" +
                                "                                    <path d=\"M8,17.9148182 L8,5.96685884 C8,5.56391781 8.16211443,5.17792052 8.44982609,4.89581508 L10.965708,2.42895648 C11.5426798,1.86322723 12.4640974,1.85620921 13.0496196,2.41308426 L15.5337377,4.77566479 C15.8314604,5.0588212 16,5.45170806 16,5.86258077 L16,17.9148182 C16,18.7432453 15.3284271,19.4148182 14.5,19.4148182 L9.5,19.4148182 C8.67157288,19.4148182 8,18.7432453 8,17.9148182 Z\"\n" +
                                "                                          fill=\"#000000\" fill-rule=\"nonzero\"\n" +
                                "                                          transform=\"translate(12.000000, 10.707409) rotate(-135.000000) translate(-12.000000, -10.707409) \"></path>\n" +
                                "                                    <rect fill=\"#000000\" opacity=\"0.3\" x=\"5\" y=\"20\" width=\"15\" height=\"2\" rx=\"1\"></rect>\n" +
                                "                                </g>\n" +
                                "                            </svg>\n" +
                                "                        </a>\n" +
                                "                    </div>\n" +
                                "                    <div class=\"col-md-2\">\n" +
                                "                        <a onclick=\"deleteResume("+ ele.rid+")\" class=\"btn btn-danger light delete-resume\" title=\"删除简历\" rid=\""+ ele.rid +"\">\n" +
                                "                            <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"24px\"\n" +
                                "                                 height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" class=\"svg-main-icon\">\n" +
                                "                                <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n" +
                                "                                    <rect x=\"0\" y=\"0\" width=\"24\" height=\"24\"></rect>\n" +
                                "                                    <path d=\"M6,8 L6,20.5 C6,21.3284271 6.67157288,22 7.5,22 L16.5,22 C17.3284271,22 18,21.3284271 18,20.5 L18,8 L6,8 Z\"\n" +
                                "                                          fill=\"#000000\" fill-rule=\"nonzero\"></path>\n" +
                                "                                    <path d=\"M14,4.5 L14,4 C14,3.44771525 13.5522847,3 13,3 L11,3 C10.4477153,3 10,3.44771525 10,4 L10,4.5 L5.5,4.5 C5.22385763,4.5 5,4.72385763 5,5 L5,5.5 C5,5.77614237 5.22385763,6 5.5,6 L18.5,6 C18.7761424,6 19,5.77614237 19,5.5 L19,5 C19,4.72385763 18.7761424,4.5 18.5,4.5 L14,4.5 Z\"\n" +
                                "                                          fill=\"#000000\" opacity=\"0.3\"></path>\n" +
                                "                                </g>\n" +
                                "                            </svg>\n" +
                                "                        </a>\n" +
                                "                    </div>\n" +
                                "                </div>")
                        } else {
                            $("#resume_list").append("<div class=\"row\" style=\"height: 50px; margin-bottom: 10px\">\n" +
                                "                    <div class=\"col-md-3\">\n" +
                                "                        <a onclick=\"viewResume("+ ele.rid+")\" class=\"btn btn-success light mr-1 view-resume\" title=\"预览简历\" rid=\""+ ele.rid+"\">\n" +
                                "                            <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"svg-main-icon\" width=\"20px\" height=\"20px\"\n" +
                                "                                 viewBox=\"0 0 32 32\" x=\"0px\" y=\"0px\">\n" +
                                "                                <g data-name=\"Layer 21\">\n" +
                                "                                    <path d=\"M29,14.47A15,15,0,0,0,3,14.47a3.07,3.07,0,0,0,0,3.06,15,15,0,0,0,26,0A3.07,3.07,0,0,0,29,14.47ZM16,21a5,5,0,1,1,5-5A5,5,0,0,1,16,21Z\"\n" +
                                "                                          fill=\"#000000\" fill-rule=\"nonzero\"></path>\n" +
                                "                                </g>\n" +
                                "                            </svg>\n" +
                                "                        </a>\n" +
                                "                    </div>\n" +
                                "                    <div class=\"col-md-4\">\n" +
                                "                        <div class=\"row\" style=\"height: 15px;\"></div>\n" +
                                "                        <div class=\"h5\">"+ ele.filename+"</div>\n" +
                                "                    </div>\n" +
                                "                    <div class=\"col-md-2\" style=\"margin-right: 10px\">\n" +
                                "                        <a onclick=\"setDefaultResume("+ ele.rid+")\" class=\"btn btn-success light mr-1 default-resume\"  title=\"设置成默认简历\" rid=\""+ ele.rid +"\">\n" +
                                "                            <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20px\"\n" +
                                "                                 height=\"20px\" viewBox=\"0 0 24 24\" version=\"1.1\" class=\"svg-main-icon\">\n" +
                                "                                <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n" +
                                "                                    <rect x=\"0\" y=\"0\" width=\"24\" height=\"24\"></rect>\n" +
                                "                                    <path d=\"M8,17.9148182 L8,5.96685884 C8,5.56391781 8.16211443,5.17792052 8.44982609,4.89581508 L10.965708,2.42895648 C11.5426798,1.86322723 12.4640974,1.85620921 13.0496196,2.41308426 L15.5337377,4.77566479 C15.8314604,5.0588212 16,5.45170806 16,5.86258077 L16,17.9148182 C16,18.7432453 15.3284271,19.4148182 14.5,19.4148182 L9.5,19.4148182 C8.67157288,19.4148182 8,18.7432453 8,17.9148182 Z\"\n" +
                                "                                          fill=\"#000000\" fill-rule=\"nonzero\"\n" +
                                "                                          transform=\"translate(12.000000, 10.707409) rotate(-135.000000) translate(-12.000000, -10.707409) \"></path>\n" +
                                "                                    <rect fill=\"#000000\" opacity=\"0.3\" x=\"5\" y=\"20\" width=\"15\" height=\"2\" rx=\"1\"></rect>\n" +
                                "                                </g>\n" +
                                "                            </svg>\n" +
                                "                        </a>\n" +
                                "                    </div>\n" +
                                "                    <div class=\"col-md-2\">\n" +
                                "                        <a onclick=\"deleteResume("+ ele.rid+")\" class=\"btn btn-danger light delete-resume\" title=\"删除简历\" rid=\""+ ele.rid +"\">\n" +
                                "                            <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"24px\"\n" +
                                "                                 height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" class=\"svg-main-icon\">\n" +
                                "                                <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n" +
                                "                                    <rect x=\"0\" y=\"0\" width=\"24\" height=\"24\"></rect>\n" +
                                "                                    <path d=\"M6,8 L6,20.5 C6,21.3284271 6.67157288,22 7.5,22 L16.5,22 C17.3284271,22 18,21.3284271 18,20.5 L18,8 L6,8 Z\"\n" +
                                "                                          fill=\"#000000\" fill-rule=\"nonzero\"></path>\n" +
                                "                                    <path d=\"M14,4.5 L14,4 C14,3.44771525 13.5522847,3 13,3 L11,3 C10.4477153,3 10,3.44771525 10,4 L10,4.5 L5.5,4.5 C5.22385763,4.5 5,4.72385763 5,5 L5,5.5 C5,5.77614237 5.22385763,6 5.5,6 L18.5,6 C18.7761424,6 19,5.77614237 19,5.5 L19,5 C19,4.72385763 18.7761424,4.5 18.5,4.5 L14,4.5 Z\"\n" +
                                "                                          fill=\"#000000\" opacity=\"0.3\"></path>\n" +
                                "                                </g>\n" +
                                "                            </svg>\n" +
                                "                        </a>\n" +
                                "                    </div>\n" +
                                "                </div>")
                        }
                    })
                }
            }
        })
    }
    showResumeList();

    // 设置默认附件简历
    function setDefaultResume(rid) {
        $.ajax({
            url: URL + "seeker/resume/setupDefaultResume",
            data: {"rid":rid},
            headers: {"token": localStorage.getItem("token")},
            type: "post",
            success: function (result) {
                if (result.code == 0) {
                    showResumeList();
                }
            }
        })
    }

    // 预览附件简历
    function viewResume(rid) {
        $.ajax({
            url: URL + "seeker/resume/previewResume",
            data: {"rid":rid},
            headers: {"token": localStorage.getItem("token")},
            type: "post",
            success: function (result) {
                if (result.code == 0) {
                    // let data = result.data;
                    // window.location.href = data.path;
                    localStorage.setItem("rid", rid);
                    window.location.href = "previewResume.html";
                }
            }
        })
    }

    // 删除附件简历
    function deleteResume(rid) {
        $.ajax({
            url: URL + "seeker/resume/removeResume",
            data: {"rid":rid},
            headers: {"token": localStorage.getItem("token")},
            type: "post",
            success: function (result) {
                if (result.code == 0) {
                    showResumeList();
                }
            }
        })
    }

    // 上传简历
    function uploadResume() {
        let formData = new FormData();
        formData.append("resume", $("input[type='file']")[0].files[0]);

        $.ajax({
            url: URL + "seeker/resume/uploadResume",
            type: "post",
            data: formData,
            headers: {"token":localStorage.getItem("token")},
            dataType: "json",
            cache: false,
            processData: false,
            contentType: false,
            success: function (result) {
                if (result.code == 0) {
                    showResumeList();
                }
            }
        })
        return false;
    }

    $("input[type='file']").on("change", function () {
        uploadResume();
    })

    $("input[type='file']").on("click", function () {
        if (length >= 5) {
            alert("您最多能上传5份简历，想要上传更多简历请充钱噢^_^");
            return;
        }
    });
    $.ajax({
        url: URL + "seeker/resume/queryPhoneEmail",
        type: "post",
        headers: {"token": localStorage.getItem("token")},
        success: function (result) {
            if (result.code == 0){
                let data = result.data;
                $("#phone").val(data.username);
                $("#email").val(data.email);
                $("#touXiang").attr('src',"http://rgi4glnwr.hn-bkt.clouddn.com/"+data.photo);
            }
        }
    });

    // 获取在线简历
    $.ajax({
        url: URL + "seeker/resume/queryOnlineResume",
        type: "post",
        headers: {"token": localStorage.getItem("token")},
        success: function (result) {
            if (result.code == 0) {
                let data = result.data;
                $("#advantage").val(data.advantage);
                $("#expectedPosition").val(data.expectedPosition);
                $("#education").val(data.education);
                $("#internship").val(data.internship);
                $("#minSalary").val(data.minSalary);
                $("#maxSalary").val(data.maxSalary);
            }
        }
    });

    // 优势
    $("#updateAdvantage").on("click", function () {
        $("#advantage").removeAttr("readonly")
    });
    $("#submitAdvantage").on("click", function () {

        let advantage = $("#advantage").val();
        if (advantage == ""||advantage == null) {
            alert("不能为空");
            return;
        }
        $("#advantage").attr("readonly","readonly");
        $.ajax({
            url: URL + "seeker/resume/updateAdvantage",
            type: "post",
            headers: {"token": localStorage.getItem("token")},
            data:{"advantage":advantage},
            success:function (result) {
                if (result.code == 0){
                    alert("修改成功")
                }
            }
        })
    });

    // 期望职位
    $("#updateExpectedPosition").on("click", function () {
        $("#expectedPosition").removeAttr("readonly")
    });
    $("#submitExpectedPosition").on("click", function () {

        let expectedPosition = $("#expectedPosition").val();
        if (expectedPosition == ""||expectedPosition == null) {
            alert("不能为空");
            return;
        }
        $("#expectedPosition").attr("readonly","readonly");
        $.ajax({
            url: URL + "seeker/resume/updateExpectedPosition",
            type: "post",
            headers: {"token": localStorage.getItem("token")},
            data:{"expectedPosition":expectedPosition},
            success:function (result) {
                if (result.code == 0){
                    alert("修改成功")
                }
            }
        })
    });

    // 教育
    $("#updateEducation").on("click", function () {
        $("#education").removeAttr("readonly")
    });
    $("#submitEducation").on("click", function () {

        let education = $("#education").val();
        if (education == ""||education == null) {
            alert("不能为空");
            return;
        }
        $("#education").attr("readonly","readonly")
        $.ajax({
            url: URL + "seeker/resume/updateEducation",
            type: "post",
            headers: {"token": localStorage.getItem("token")},
            data:{"education":education},
            success:function (result) {
                if (result.code == 0){
                    alert("修改成功")
                    // layer.msg("");
                }
            }
        })
    });

    // 实习经历
    $("#updateInternship").on("click", function () {
        $("#internship").removeAttr("readonly")
    });
    $("#submitInternship").on("click", function () {

        let internship = $("#internship").val();
        if (internship == ""||internship == null) {
            alert("不能为空");
            return;
        }
        $("#internship").attr("readonly","readonly")
        $.ajax({
            url: URL + "seeker/resume/updateInternship",
            type: "post",
            headers: {"token": localStorage.getItem("token")},
            data:{"internship":internship},
            success:function (result) {
                if (result.code == 0){
                    alert("修改成功")
                }
            }
        })
    });

    //期望薪资
    $("#updateSalary").on("click", function () {
        $("#minSalary").removeAttr("readonly")
        $("#maxSalary").removeAttr("readonly")
    });
    $("#submitSalary").on("click", function () {

        let minSalary = $("#minSalary").val();
        let maxSalary = $("#maxSalary").val();
        console.log(typeof minSalary)
        console.log(typeof maxSalary)
        if (minSalary == "" || minSalary == null || maxSalary == "" || maxSalary == null) {
            alert("不能为空");
            return;
        }
        minSalary = parseFloat(minSalary);
        maxSalary = parseFloat(maxSalary);
        if (minSalary <=0 || maxSalary <= 0 || maxSalary < minSalary){
            alert("输入不合理");
            return;
        }
        $("#minSalary").attr("readonly","readonly");
        $("#maxSalary").attr("readonly","readonly");

        $.ajax({
            url: URL + "seeker/resume/updateSalary",
            type: "post",
            headers: {"token": localStorage.getItem("token")},
            data:{"minSalary":minSalary,"maxSalary":maxSalary},
            success:function (result) {
                if (result.code == 0){
                    alert("修改成功")
                }
            }
        })
    });

    // 手机
    $("#updatePhone").on("click", function () {
        $("#phone").removeAttr("readonly")
    });
    $("#submitPhone").on("click", function () {
        $("#phone").attr("readonly","readonly")
        $.ajax({

        })
    });

    // 邮箱
    $("#updateEmail").on("click", function () {
        $("#email").removeAttr("readonly")
    });
    $("#submitEmail").on("click", function () {
        $("#email").attr("readonly","readonly")
        $.ajax({

        })
    });

</script>
</body>
</html>